<template>
  <view>
    <view class="container">
<!--      <view>
        <uni-segmented-control
            :current="current"
            style-type="text"
            :values="items"
            active-color="#007aff"
            @clickItem="onClickItem"
        ></uni-segmented-control>
      </view>-->
      <uni-card
          :is-shadow="true"
          title="公司基本信息"
          subTitle=""
          extra=""
      >
        <view>
          <view>公 司 名 称 ：
            <text class="text-green">{{ storeApply.corporateName }}</text>
          </view>
          <view>法 人 姓 名 ：
            <text class="text-green">{{ storeApply.legalPersonName }}</text>
          </view>
          <view>员 工 总 数 ：
            <text class="text-green">{{ storeApply.corporateCount }}</text>
            人
          </view>
          <view>注 册 资 金 ：
            <text class="text-green">{{ storeApply.registeredCapital }}</text>
            万元
          </view>
          <view>公司所在地：
            <text class="text-green">{{ storeApply.corporateUrl }}</text>
          </view>
          <view>详 细 地 址 ：
            <text class="text-green">{{ storeApply.corporateAddress }}</text>
          </view>
          <view>联系人姓名：
            <text class="text-green">{{ storeApply.contactName }}</text>
          </view>
          <view>联系人电话：
            <text class="text-green">{{ storeApply.contactPhone }}</text>
          </view>
          <view>公 司 电 话 ：
            <text class="text-green">{{ storeApply.corporatePhone }}</text>
          </view>
          <view>公 司 邮 箱 ：
            <text class="text-green">{{ storeApply.contactEmail }}</text>
          </view>
        </view>
      </uni-card>
      <uni-card
          :is-shadow="true"
          :title="'营业执照基本信息'"
          :subTitle="''"
          :cover="storeApply.shopELicense"
          :extra="''"
      >
        <view>
          <view>法 人 姓 名 ：
            <text class="text-green">{{ storeApply.legalPersonName }}</text>
          </view>
          <view>营业执照号：
            <text class="text-green">{{ storeApply.licenseNumber }}</text>
          </view>
          <view>经 营 范 围 ：
            <text class="text-green">{{ storeApply.businessScope }}</text>
          </view>
          <view>法人证件号：
            <text class="text-green">{{ storeApply.legalPersonDocument }}</text>
          </view>
          <view>法人身份证：
            <image :src="storeApply.legalPersonImage"></image>
          </view>
        </view>
      </uni-card>
      <uni-card
          :is-shadow="true"
          :title="'财务资质信息'"
      >
        <view>
          <view>银行开启名：
            <text class="text-green">{{ storeApply.bankAccountName }}</text>
          </view>
          <view>银 行 账 号 ：
            <text class="text-green">{{ storeApply.bankAccount }}</text>
          </view>
          <view>支 行 名 称 ：
            <text class="text-green">{{ storeApply.subBranch }}</text>
          </view>
          <view>支行联行号：
            <text class="text-green">{{ storeApply.lineNumber }}</text>
          </view>
        </view>
      </uni-card>
      <view>
        <uni-card
            :is-shadow="true"
            title="店铺基本信息"
            subTitle=""
            :cover="storeApply.shopLogo"
            :extra="''"
        >
          <view>
            <view>店 铺 名 称 ：
              <text class="text-green">{{ storeApply.shopName }}</text>
            </view>
            <view>店铺所在地：
              <text class="text-green">{{ storeApply.shopUrl }}</text>
            </view>
            <view>详 细 地 址 ：
              <text class="text-green">{{ storeApply.shopAddress }}</text>
            </view>
            <view>主 营 产 品 ：
              <text class="text-green">{{ storeApply.mainProducts }}</text>
            </view>
            <uni-row>
              <uni-col :span="12">
                <view>店 铺 简 介 ：<textarea class="text-green" :value="storeApply.shopIntroduction"/></view>
              </uni-col>
            </uni-row>
          </view>
        </uni-card>
        <uni-row>
          <uni-col :span="22" :push="1">
            <uni-col :span="12">
              <button class="left" @click="pass(storeApply)">通过</button>
            </uni-col>
            <uni-col :span="12">
              <button class="right" @click="reject(storeApply)">驳回</button>
            </uni-col>
          </uni-col>
        </uni-row>
      </view>
    </view>
  </view>
</template>

<script>
import UniRow from "../../../../../uni_modules/uni-row/components/uni-row/uni-row";
import UniCol from "../../../../../uni_modules/uni-row/components/uni-col/uni-col";
import {delApply} from "../../../../../api/shop/apply";
import {addShop} from "../../../../../api/shop/shop";

export default {
  components: {UniCol, UniRow},
  data() {
    return {
      //分段器
      current: 0,
      items: ["公司信息", "营业执照", "店铺审核"],
      //店铺审核数据
      storeApply: {},
      //审核按钮组
      options: [],
      customButtonGroup: [{
        text: '通过',
        backgroundColor: 'linear-gradient(90deg, #1E83FF, #0053B8)',
        color: '#fff'
      },
        {
          text: '驳回',
          backgroundColor: 'linear-gradient(90deg, #60F3FF, #088FEB)',
          color: '#fff'
        }],
    };
  },
  onLoad: function (option) {
    this.storeApply = JSON.parse(option.storeApply);
  },
  methods: {
    /**点击分段器*/
    onClickItem(e) {
      this.current = e.currentIndex
    },
    /**点击通过按钮*/
    pass(storeApply) {
      uni.showModal({
        title: "审核确认",
        content: "该店铺审核确认通过吗?",
        success: function (res) {
          if (res.confirm) {
            //把数据加入店铺列表, 状态定为"1-运营中"
            storeApply.shopStatus = 1;
            addShop(storeApply).then(res=>{
              if (res.code === 200) {
                //把审核通过的数据删除
                delApply(storeApply.applyId).then(res => {
                  uni.switchTab({url: `../../../index`});
                });
              }
            })
          } else if (res.cancel) {
            console.info("通过取消" + res.cancel);
          }
        },
      });
    },
    /**点击驳回按钮*/
    reject(storeApply) {
      uni.showModal({
        title: "审核确认",
        content: "确定驳回该店铺的申请吗?",
        success: function (res) {
          if (res.confirm) {
            //把数据加入店铺列表, 状态定为"4-审核不通过"
            storeApply.shopStatus = 4;
            addShop(storeApply).then(res => {
              if (res.code === 200) {
                //删除驳回的数据
                delApply(storeApply.applyId).then(res => {
                  uni.switchTab({url: "../../../index"});
                });
              }else if (res.cancel) {
                console.info("驳回取消" + res.cancel);
              }
            });
          }
        },
      });
    },
  }
}
</script>

<style>
.left {
  border: 0;
  outline: 0;
  border-radius: 30px 0 0 30px;
  background-image: linear-gradient(90deg, #1E83FF, #0053B8);
}

.right {
  border: 0;
  outline: 0;
  border-radius: 0 30px 30px 0;
  background-image: linear-gradient(90deg, #60F3FF, #088FEB);
}
</style>
